function combo_espacios(){
	var select = $('<select></select>');
	$.getJSON("restapi/espacio",
		function(data, textStatus, jqXHR){
			$.each(data, function() {
				select.append($("<option />").val(this.id).text(this.nombre));
			});
		});
	return select;
}
function Combo_espacios(tag, cambio){
	this.tag = tag;
	this.espacios = [];
	this.iSelected = 0;
	this.cambio = cambio;
	$.getJSON("restapi/espacio",
		function(data, textStatus, jqXHR){
			this.espacios = data;
			$.each(espacio, function() {
				tag.append($("<option />").val(this.id).text(this.nombre));
			});
		});
	$(tag).change(function(event){
		for(var i=0; i<espacios.length;i++){
			if(espacios[i].id === event.currentTarget.value){
				iSelected = i;
				cambio(espacio[i]);
			}
		}
	});
	this.getSelected = function(){
		return espacios[i];
	}
}

var google_api_key = 'AIzaSyDxom1IEO0hK0p5-luZxWqI3riisUcwRXg';

function mapa_espacios(container, espacios){
	var useragent = navigator.userAgent;
	if(useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1){
		var ancho = container.innerWidth();
		container.append(mapa_static_img(espacios, ancho));
	}else{
		container.style.width = "400px";
		container.style.height = "400px";
		mapa_dynamic(container, espacios);
	}
}
function mapa_static_img(espacios, ancho){
	var url = "http://maps.googleapis.com/maps/api/staticmap?key=" + google_api_key
	+ "&size=" + ancho + "x" + ancho;
	var label=['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];
	var pos = get_posicion();
	url+="&markers=color";
	$.each(espacios, function(i){
		url+="&markers=label:" + label[i];
		url+="%7C" + this.latitud + "," + this.longitud; 
		return (i < label.length-1);
	});
	url+="&sensor=true";
	return $('<img></img>').attr("src",url);	
}

function mapa_dynamic(container, espacios){
	var pos = get_posicion();
	var options = {
		center: new google.maps.LatLng(pos.latitud, pos.longitud),
		zoom: 13
	};
	var map = new google.maps.Map(container, options);
	var markers = [];
	$.each(espacios, function(){
		markers.push(new google.maps.Marker({
			position: new google.maps.LatLng(this.latitud, this.longitud),
			map: map,
			title: this.nombre
			})
		);
	})
}

function get_posicion(){
	var pos = { //UNRN
			latitud : -40.828840799999995,
			longitud : -62.9731379 };
	if(navigator.geolocation){
		navigator.geolocation.getCurrentPosition(function(posicion){
			pos.latitud = posicion.coords.latitude;
			pos.longitud = posicion.coords.longitude;
		})
	}else{
		alert("No ha sido posible determinar tu ubicacion.");
	}
	return pos;
}